<template>
<div class="">
  <c-header :title="'新增地址'"></c-header>
  <van-address-edit :area-list="areaList" show-postal show-set-default show-search-result :search-result="searchResult"
  @save="onSave" @delete="onDelete" @change-detail="onChangeDetail" />
</div>
</template>

<script>
import areaList from '../../../area.json';
export default {
  data() {
    return {
      areaList,
      searchResult: []
    }
  },
  created () {
  },
  methods: {
    onSave() {
    this.$toast('save');
    },
    onDelete() {
      this.$toast('delete');
    },
    onChangeDetail(val) {
      if (val) {
        this.searchResult = [{
          name: '黄龙万科中心',
          address: '杭州市西湖区'
        }];
      } else {
        this.searchResult = [];
      }
    }
  }
}
</script>

<style lang="scss">
</style>
